page {
	background-color: #ffffff;
}
.bg-img {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 0;
}
.login .container {
	position: fixed;
	left: 0;
	right: 0;
	top: 50%;
	bottom: 0;
	width: 75%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	z-index: 10;
	margin-top: -380upx;
	
	.header image{
		width: 500upx;
		height: 156upx;
	}
	.su-input {
		font-size: 30upx;
		flex: 1;
	}
	.cli-div {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 580upx;
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		// -webkit-box-shadow: 0 0 60rpx 0 rgba(43,86,112,.1) ;
		box-shadow: 0 0 50rpx 0 rgba(43, 86, 112, 0.2);
		background-color: #ffffff;
		// box-shadow: 0rpx 0rpx 8rpx #d5dada;
	}
	.label-div {
		display: flex;
		flex-direction: row;
		width: 500upx;
		font-size: 28upx;
		z-index: 99999;
	}
	.su-forget {
		color: $maincolor;
		text-align: right;
		margin-top: 2upx;
	}
	.cli-icon {
		font-size: 32upx;
		/* color: $maincolor; */
		color: #999999;
		padding-right: 20upx;
	}
	.see-icon {
		color: $maincolor;
	}
	.su-button-div {
		margin-top: 80upx;
	}
}

.login .foot {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 65%;
}

/*checkbox 选项框大小  */
.su-checkbox {
	transform: scale(0.7);
	top: -2upx;
}

.su-label {
	margin-left: -4upx;
}

.su-label .text {
	margin-left: 10upx;
	color: #888888;
}

.su-border.bottom::before {
	bottom: 0;
	background-color: #dddddd;
}

/* 版权 */
.copyright text {
	position: fixed;
	z-index: 1000;
	bottom: 30upx;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26upx;
	color: #a1a1a1;
}
